<style lang="less" scoped>
  .mdse {
    float: left; width: 3.3rem; margin: 0 0 0.24rem 0.3rem; overflow: hidden;
    &:nth-child(odd) {margin-left: 0;}
    .img_wrap {width: 3.2rem; height: 2.4rem; margin: 0 auto;}
    img {width: 100%; height: 100%;}
    .price {color: #d3ac6f; font-size: 0.3rem; text-align: center;}
    p {color: #999; font-size: 0.2rem; text-align: center; margin: 0.15rem 0 0.22rem;}
    .btn_wrap {
      overflow: hidden; box-sizing: border-box;border: 1px solid #eee; border-radius: 4px; font-size: 0.22rem; color: #999;
      span, em {float:left; height: 0.5rem; line-height: 0.5rem;}
      span {width: 38%; text-indent: 0.1rem; border-right: 1px solid #eee;}
      em {width: 62%; text-align: center;}
    }
  }
</style>
<template>
  <div class="mdse">
    <div class="img_wrap"><img src="/static/images/list.png"></div>
    <div class="price">￥19,666</div>
    <p>无限爱意藏于心底，绕于身边</p>
    <div class="btn_wrap">
      <span>
        <yd-icon size="0.26rem" :name="true?'star':'star-outline'" :color="true?'#d3ac6f':''"></yd-icon>
        已收藏
      </span>
      <em>
        <yd-icon size="0.26rem" name="shopcart-outline"></yd-icon>
        加入购物车
      </em>
    </div>

  </div>
</template>
<script>
  export default {

  }
</script>
